<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2017/7/14
  Time: 22:25
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE HTML>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=request.getContextPath()%>/">
    <meta charset="UTF-8">
    <title>修改个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Bootstrap Core CSS -->
    <link href="cpts_274_nz/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Custom CSS -->
    <link href="cpts_274_nz/css/style.css" rel='stylesheet' type='text/css' />
    <!-- Graph CSS -->
    <link href="cpts_274_nz/css/lines.css" rel='stylesheet' type='text/css' />
    <link href="cpts_274_nz/css/font-awesome.css" rel="stylesheet">
    <!-- jQuery -->
    <script src="cpts_274_nz/js/jquery.min.js"></script>
    <!----webfonts--->
    <link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
    <!---//webfonts--->
    <!-- Nav CSS -->
    <link href="cpts_274_nz/css/custom.css" rel="stylesheet">
    <!-- Metis Menu Plugin JavaScript -->
    <script src="cpts_274_nz/js/metisMenu.min.js"></script>
    <script src="cpts_274_nz/js/custom.js"></script>
    <!-- Graph JavaScript -->
    <script src="cpts_274_nz/js/d3.v3.js"></script>
    <script src="cpts_274_nz/js/rickshaw.js"></script>
</head>
<body>
<div id="wrapper">
    <!-- Navigation -->
    <nav class="top1 navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">权限管理系统</a>
        </div>
        <!-- /.navbar-header -->
        <ul class="nav navbar-nav navbar-right">
            <!--
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-comments-o"></i><span class="badge">4</span></a>
                <ul class="dropdown-menu">
                    <li class="dropdown-menu-header">
                        <strong>Messages</strong>
                        <div class="progress thin">
                          <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                            <span class="sr-only">40% Complete (success)</span>
                          </div>
                        </div>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/1.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                            <span class="label label-info">NEW</span>
                        </a>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/2.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                            <span class="label label-info">NEW</span>
                        </a>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/3.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                        </a>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/4.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                        </a>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/5.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                        </a>
                    </li>
                    <li class="avatar">
                        <a href="#">
                            <img src="images/pic1.png" alt=""/>
                            <div>New message</div>
                            <small>1 minute ago</small>
                        </a>
                    </li>
                    <li class="dropdown-menu-footer text-center">
                        <a href="#">View all messages</a>
                    </li>
                </ul>
              </li>
            -->

            <li class="dropdown">
                <a href="#" class="dropdown-toggle avatar" data-toggle="dropdown"><img src="images/1.png"><span class="badge">9</span></a>
                <ul class="dropdown-menu">
                    <li class="dropdown-menu-header text-center">
                        <strong>Account</strong>
                    </li>
                    <li class="m_2"><a href="/Information/userinformation.do"><i class="fa fa-user"></i> 个人信息</a></li>
                    <li class="m_2"><a href="#"><i class="fa fa-bell-o"></i> 修改密码</a></li>
                    <li class="dropdown-menu-header text-center">
                        <strong>Settings</strong>
                    </li>
                    <li class="m_2"><a href="#"><i class="fa fa-user"></i> Profile</a></li>
                    <li class="m_2"><a href="#"><i class="fa fa-wrench"></i> Settings</a></li>
                    <li class="divider"></li>
                    <li class="m_2"><a href="#"><i class="fa fa-shield"></i> Lock Profile</a></li>
                    <li class="m_2"><a href="logout.do"><i class="fa fa-lock"></i> Logout</a></li>
                </ul>
            </li>
        </ul>
        <!--
        <form class="navbar-form navbar-right">
          <input type="text" class="form-control" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}">
        </form>
        -->
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <a href="/Information/userinformation.do"><i class="fa fa-dashboard fa-fw nav_icon"></i>个人信息</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-indent nav_icon"></i>用户管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="Information/selectallinformation.do?pn=1">查看所有用户</a>
                            </li>
                            <li>
                                <a href="Information/add.do"><i class="fa fa-flask nav_icon"></i>添加用户</a>
                            </li>
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>
                    <!--
                    <li>
                        <a href="Information/add.do"><i class="fa fa-flask nav_icon"></i>添加用户</a>
                    </li>
                    -->
                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>
        <!-- /.navbar-static-side -->
    </nav>
    <div id="page-wrapper">
        <!--
    <div class="graphs">
    -->
        <div class="col_3">
            <div class="col-md-3 widget widget1">
            </div>
            <div class="col-md-3 widget widget1">
            </div>

            <div class="col-md-3 widget widget1">
            </div>
            <div class="col-md-3 widget">
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="col_1">
            <div class="col-md-4 span_7">
                <div class="cal1 cal_2">
                </div>
                <div class="col-md-4 span_8">
                </div>

                <div class="clearfix"> </div>
            </div>
            <div class="span_11">
                <div class="col-md-6 col_4">
                </div>
                <div class="col-md-6 col_5">
                    <div id="slider"></div>
                    <script>

                        var seriesData = [ [], [], [], [], [] ];
                        var random = new Rickshaw.Fixtures.RandomData(50);

                        for (var i = 0; i < 75; i++) {
                            random.addData(seriesData);
                        }

                        var graph = new Rickshaw.Graph( {
                            element: document.getElementById("chart"),
                            renderer: 'multi',

                            dotSize: 5,
                            series: [
                                {
                                    name: 'temperature',
                                    data: seriesData.shift(),
                                    color: '#AFE9FF',
                                    renderer: 'stack'
                                }, {
                                    name: 'heat index',
                                    data: seriesData.shift(),
                                    color: '#FFCAC0',
                                    renderer: 'stack'
                                }, {
                                    name: 'dewpoint',
                                    data: seriesData.shift(),
                                    color: '#555',
                                    renderer: 'scatterplot'
                                }, {
                                    name: 'pop',
                                    data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y / 4 } }),
                                    color: '#555',
                                    renderer: 'bar'
                                }, {
                                    name: 'humidity',
                                    data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y * 1.5 } }),
                                    renderer: 'line',
                                    color: '#ef553a'
                                }
                            ]
                        } );


                        graph.render();

                        var detail = new Rickshaw.Graph.HoverDetail({
                            graph: graph
                        });
                    </script>
                </div>
                <!-- map -->

                <link href="cpts_274_nz/css/jqvmap.css" rel='stylesheet' type='text/css' />
                <script src="cpts_274_nz/js/jquery.vmap.js"></script>
                <script src="cpts_274_nz/js/jquery.vmap.sampledata.js" type="text/javascript"></script>
                <script src="cpts_274_nz/js/jquery.vmap.world.js" type="text/javascript"></script>
                <script type="text/javascript">
                    jQuery(document).ready(function() {
                        jQuery('#vmap').vectorMap({
                            map: 'world_en',
                            backgroundColor: '#333333',
                            color: '#ffffff',
                            hoverOpacity: 0.7,
                            selectedColor: '#666666',
                            enableZoom: true,
                            showTooltip: true,
                            values: sample_data,
                            scaleColors: ['#C8EEFF', '#006491'],
                            normalizeFunction: 'polynomial'
                        });
                    });
                </script>

                <!-- //map -->
            </div>
            <div class="clearfix"> </div>
        </div>

        <div class="content_bottom">
            <div class="col-md-12 span_3">
                <div class="bs-example1" data-example-id="contextual-table">
                    <form action="Information/updateinformation.do" method="post">
                        <input type="hidden" name="pn" value="1">
                    <table class="table">
                        <thead>
                        </thead>
                        <tbody>
                        <tr>
                            <th>ID</th>
                            <th>${param.id}<input type="hidden" name="id" value="${param.id}"></th>
                        </tr>
                        <tr>
                            <th>用户名</th>
                            <th><input name="username" value="${param.username}"></th>
                        </tr>
                        <tr>
                            <th>新密码</th>
                            <th><input type="password" name="password" value="${param.password}"></th>
                        </tr>
                        <tr>
                            <th>再次输入密码</th>
                            <th><input type="password" name="newpassword" value="${param.newpassword}"></th>
                        </tr>
                        <tr>
                            <th>性别</th>
                            <th><input  name="sex" type="radio" value="1" checked>男
                                <input  name="sex" type="radio" value="0" ${param.sex=='0'?'checked':''}>女
                            </th>
                        </tr>
                        <tr>
                            <th>QQ</th>
                            <th><input name="qq" value="${param.qq}"></th>
                        </tr>
                        <tr>
                            <th>邮箱</th>
                            <th><input name="email" value="${param.email}"></th>
                        </tr>
                        <tr>
                            <th>微信</th>
                            <th><input name="wechat" value="${param.wechat}"></th>
                        </tr>
                        <tr>
                            <th>角色</th>
                            <th><input  name="character" type="radio" value="1" checked>管理员
                                <input  name="character" type="radio" value="0" ${param.character=='0'?'checked':''}>普通用户
                            </th>
                        </tr>
                        </tbody>
                    </table>
                        <p>
                            <button type="submit" class="btn btn-default center-block">确定</button>
                            <button type="button" class="btn btn-primary center-block"><a href="/Information/selectallinformation.do?pn=1">返回</a> </button>
                        </p>
                    </form>
            </div>

            <div class="col-md-4 span_4">
            </div>
                <!--
            <div class="clearfix"> </div>
            -->
        </div>
    </div>
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Bootstrap Core JavaScript -->
<script src="cpts_274_nz/js/bootstrap.min.js"></script>
</body>
</html>
